<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>组织架构</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <!-- 样式初始化 自定义文件 -->
    <link rel="stylesheet" href="../css/index.css">
    <!-- 下面所有都是库文件 -->
    <link rel="stylesheet" href="../newtp/lib/weui.min.css">
    <link rel="stylesheet" href="../newtp/css/jquery-weui.css">
    <link rel="stylesheet" href="../newtp/css/theme.css">
    <script src="../newtp/lib/jquery-2.1.4.js"></script>
    <script src="../newtp/lib/fastclick.js"></script>
    <script src="../newtp/js/jquery-weui.js"></script>
<style>
/*最外层*/
.page-container{position: relative; height: 100%;width: 100%; min-width: 260px;  overflow: hidden; }
/*顶部*/
.page-top{ position: absolute;top:0;left: 0;  height: 86px; width: 100%;z-index: 999; background:#fff; overflow: hidden; }
.page-top .top-nav{ width: 100%;  height: 50px;  }
.g-back{ float: left; width: 80px;  height: 50px;background: url(../img/g_03.png) center no-repeat; background-size: 18px;   }
.g-other{float: right;width: 80px; height: 50px;  }
.t-title{ display:block; line-height: 50px; width: 100%;  text-align: center;  }
#searchBar{ background: #fff; border:0; }
.weui-search-bar:before{ height: 0;width: 0 }
.weui-search-bar:after{ height: 0;width: 0 }
.weui-search-bar__label,.weui-search-bar__box{ background: #f3f4f9;  }
.weui-search-bar{ padding-top: 0; }
/*容器内容*/
.page-cont { padding-top:96px;height: 100%; overflow: hidden; overflow-y: auto; background: #f2f2f2; }
.p-cont-t{display: block; padding:0 12px; width: 100%; height: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px solid #f2f2f2; background: #fff; }
.p-cont-t i{ float:right; margin: 14px 7px auto auto; width: 22px;height: 22px; }
/*组织架构*/
.zuhi{ padding-left: 50px;  background: #fff; overflow: hidden; }
.zuhi>li{ width: 100%
  ; min-height: 40px;line-height: 40px; font-size: 14px; border-bottom: 1px solid #f2f2f2; }
.zuhi a{display: block; color: inherit;}
.zuhi a i{ float: left; margin:10px 5px; width: 20px;height: 20px;}
.zuhi .rightBtn{ float: right; height: 40px;width: 50px; }
/*任务列表*/
.ren-list{ margin-bottom: 10px; background: #fff;  } 
.ren-list li{ height: 60px; width: 100%; } 
.ren-list img{ float: left; margin:10px 15px; height: 40px; width: 40px; }
.ren-list .name,.ren-list .zhiwei{ height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ren-list .name{ float: left; width:80px; line-height: 60px; font-size: 15px;  }
.ren-list .zhiwei{ float: left; width:80px; line-height: 60px; font-size: 13px; color:#a1a1a1; }
.d-dianhua,.d-xinxi{  float: right; height: 100%; width:40px;  }
@media only screen and (max-width: 360px) {    
    .ren-list img{ float: left; margin:5px 18px 5px 15px; height: 40px; width: 40px; }
    .ren-list .zhiwei{ width:60px; overflow: hidden;}
}
@media only screen and (max-width: 315px) {    
    .ren-list .zhiwei{ display: none;}
}
/*图标*/
.zhe{ background: url(../img/zhe_07.png) no-repeat;  background-size: 20px 20px; }                   /*折线*/
.g-down{background:url(../img/down_06.png) center no-repeat; background-size: 14px 8px; }
.g-up{background:url(../img/up_03.png) center no-repeat; background-size: 13px 7px; }
.g-left{background:url(../img/rr_03.png) center no-repeat; background-size: 7px 14px; }
.d-xinxi{ background: url(../img/xx_14.png) center no-repeat; background-size: 25px 21px;}
.d-dianhua{margin-right: 15px; background: url(../img/ddh_16.png) center no-repeat; background-size: 19px 21px;}
</style>
</head>
<body>
<div class="page-container">
           <!-- 头部 -->
            <div class="page-top">
                    <div class="top-nav" >
                            <a  href="javascript:history.back(-1);" class="g-back"></a>     
                            <a  class="g-other"></a>                
                            <span class="t-title">组织架构</span>                                                 
                    </div>
                    <div class="top-search" style="width:100%;">
                           <div class="weui-search-bar" id="searchBar" >
                                <form class="weui-search-bar__form">
                                      <div class="weui-search-bar__box">
                                            <i class="weui-icon-search"></i>
                                            <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
                                            <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
                                      </div>
                                      <label class="weui-search-bar__label" id="searchText">
                                            <i class="weui-icon-search"></i>
                                            <span>搜索</span>
                                      </label>
                                </form>
                                <!-- <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a> -->
                          </div>
                    </div>
            </div>
      <!-- 内容区 -->
           <div class="page-cont"  id="p-content">
              <div class="page-cont-list">
                    <a class="p-cont-t">校行政处 (<span>15</span>) </a>
                    <ul class="zuhi">
                              <li>
                                   <a href="chengyuan.html">
                                        <i class="zhe"></i>
                                        <span class="title">校长办</span>
                                        (<span>3</span>)
                                        <span class="rightBtn g-left"></span>
                                   </a>
                                  <!-- <ul class="lianxiren" style="display: none;">
                                          <li>
                                                <img src="../img/t1.png" alt="">
                                                <span class="name">李晓玲</span>
                                                <span class="zhiye">班主任</span>
                                          </li>
                                          <li>
                                                <img src="../img/t5.png" alt="">
                                                <span class="name">赵萌萌</span>
                                                <span class="zhiye">语文老师</span>
                                          </li>
                                          <li>
                                                <img src="../img/t5.png" alt="">
                                                <span class="name">赵萌萌</span>
                                                <span class="zhiye">语文老师</span>
                                          </li>
                                  </ul>   -->  
                             </li>
                             <li>
                                   <a>
                                        <i class="zhe"></i>
                                        <span class="title">德育办</span>
                                        (<span>3</span>)
                                        <span class="rightBtn g-left"></span>
                                   </a>
<!--                                   <ul class="lianxiren" style="display: none;">
                                          <li>
                                                <img src="../img/t1.png" alt="">
                                                <span class="name">李晓玲</span>
                                                <span class="zhiye">班主任</span>
                                          </li>
                                          <li>
                                                <img src="../img/t5.png" alt="">
                                                <span class="name">赵萌萌</span>
                                                <span class="zhiye">语文老师</span>
                                          </li>
                                          <li>
                                                <img src="../img/t5.png" alt="">
                                                <span class="name">赵萌萌</span>
                                                <span class="zhiye">语文老师</span>
                                          </li>
                                  </ul>   -->  
                             </li>
                             <li>
                                   <a>
                                        <i class="zhe"></i>
                                        <span class="title">后勤办</span>
                                        (<span>3</span>)
                                        <span class="rightBtn g-left"></span>
                                   </a>
                                 <!--  <ul class="lianxiren" style="display: none;">
                                          <li>
                                                <img src="../img/t1.png" alt="">
                                                <span class="name">李晓玲</span>
                                                <span class="zhiye">班主任</span>
                                          </li>
                                          <li>
                                                <img src="../img/t5.png" alt="">
                                                <span class="name">赵萌萌</span>
                                                <span class="zhiye">语文老师</span>
                                          </li>
                                          <li>
                                                <img src="../img/t5.png" alt="">
                                                <span class="name">赵萌萌</span>
                                                <span class="zhiye">语文老师</span>
                                          </li>
                                  </ul>  -->   
                             </li>
                    </ul>
                    <p style="height: 5px;background:#f2f2f2;"></p>
                    <ul class="ren-list">
                        <li>
                                  <a href="geren.html"><img src="../img/t5.png" alt=""></a>
                                  <span class="name">赵华</span>
                                  <span class="zhiwei">球球家长</span>
                                  <a class="d-dianhua"></a>
                                  <a class="d-xinxi" href="siliaoye.html"></a>               
                        </li>
                        <li>
                                  <a href="geren.html"><img src="../img/t5.png" alt=""></a>
                                  <span class="name">赵华</span>
                                  <span class="zhiwei">球球家长</span>
                                  <a class="d-dianhua"></a>
                                  <a class="d-xinxi" href="siliaoye.html"></a>               
                        </li>
                        <li>
                                  <a href="geren.html"><img src="../img/t1.png" alt=""></a>
                                  <span class="name">赵华</span>
                                  <span class="zhiwei">球球家长</span>
                                  <a class="d-dianhua"></a>
                                  <a class="d-xinxi" href="siliaoye.html"></a>               
                        </li>
                        <li>
                                  <a href="geren.html"><img src="../img/t1.png" alt=""></a>
                                  <span class="name">赵华</span>
                                  <span class="zhiwei">球球家长</span>
                                  <a class="d-dianhua"></a>
                                  <a class="d-xinxi" href="siliaoye.html"></a>               
                        </li>
                   </ul> 
              </div>
          </div>
</div>
</body>
<script>

</script>
</html>